<section class="calculator-modal">
	<div class="main-box">
		<div class="close-box">
			<p class="fs-14">计算结果仅供参考，实际费用以实际缴费为准，谢谢合作。</p>
			<a href="javascript:void(0);" class="close"></a>
		</div>
		<div class="tab-nav">
			<ul class="clearfix">
				<li class="f-l t-c fs-24 active">全款购车</li>
				<li class="f-l t-c fs-24">贷款购车</li>
			</ul>
		</div>

		<div class="tab-list">
			<ul>
				<li class="loan active">
					<div class="floor-price clearfix">
						<div class="f-l c-left strong fs-20">全款购车落地价</div>
						<div class="f-l c-right strong fs-22">￥ 175088</div>
					</div>
					<div class="base-info-item clearfix barecar-price">
						<div class="f-l c-left clearfix">
							<p class="f-l fs-16 title">裸车金额</p>
						</div>
						<div class="f-l c-right fs-18">￥ 161900</div>
					</div>
				</li>

				<li class="drive">
					<div class="floor-price clearfix">
						<div class="f-l c-left strong fs-20">贷款购车落地价</div>
						<div class="f-l c-right strong fs-22">￥ 175088</div>
					</div>
					<div class="loan-info">
						<div class="base-info-item clearfix">
							<div class="f-l c-left clearfix">
								<p class="f-l fs-16 title">首付款</p>
								<div class="f-l payment">
									<p class="fs-14">30%</p>
									<i class="arrow"></i>
									<div class="drop" style="display: none;">
										<span class="fs-14">30%</span>
										<span class="fs-14">40%</span>
										<span class="fs-14">50%</span>
										<span class="fs-14">60%</span>
									</div>
								</div>
							</div>
							<div class="f-l c-right payment-price clearfix">
								<div class="f-l edit-no clearfix" style="display: none;">
									<span class="f-l fs-16">￥ 6919</span>
									<a href="javascript:void(0);" class="f-l fs-16">修改</a>
								</div>
								<div class="f-l edit-yes clearfix">
									<span class="f-l fs-16">￥ </span>
									<input type="tel" class="f-l fs-16" value="6919">
									<a href="javascript:void(0);" class="f-l fs-16">确定</a>
								</div>
							</div>
						</div>
						<div class="base-info-item clearfix">
							<div class="f-l c-left clearfix">
								<p class="f-l fs-16 title">贷款年限</p>
								<div class="f-l year-limit">
									<div class="year-list clearfix">
										<p class="f-l fs-15 item active">1年</p>
										<p class="f-l fs-15 item">2年</p>
										<p class="f-l fs-15 item">3年</p>
										<p class="f-l fs-15 item">4年</p>
									</div>
									<div class="year-text">
										月供：￥ <span class="fs-15 year-price">18625</span><span class="fs-14 year-desc">（含利息）</span>
										<span style="padding: 0.5em 1em;"></span>
										还款总额：￥ <span class="fs-15 year-price">18625</span>
									</div>
								</div>
							</div>
						</div>
						<div class="base-info-item clearfix">
							<div class="f-l c-left clearfix">
								<p class="f-l fs-16 title">服务费</p>
								<p class="f-l icon" data-tips=""></p>
							</div>
							<div class="f-l c-right fs-18">￥ 2397</div>
						</div>
						<div class="base-info-item clearfix">
							<div class="f-l c-left clearfix">
								<p class="f-l fs-16 title">保险履约保证金</p>
								<p class="f-l icon" data-tips=""></p>
								<p class="f-l fs-14 desc">货款到期后可退还保证金</p>
							</div>
							<div class="f-l c-right fs-18">￥ 0</div>
						</div>
					</div>
				</li>
			</ul>
		</div>

		<div class="base-info">
			<div class="base-info-item clearfix">
				<div class="f-l c-left clearfix">
					<p class="f-l fs-16 title">购置税</p>
					<p class="f-l icon" data-tips=""></p>
					<p class="f-l fs-14 desc">按排量收取费用，1.6及以下车型部分可享购置税减半政策</p>
				</div>
				<div class="f-l c-right fs-18">￥ 6919</div>
			</div>
			<div class="base-info-item clearfix">
				<div class="f-l c-left clearfix">
					<p class="f-l fs-16 title">车船使用税</p>
					<p class="f-l icon" data-tips=""></p>
					<p class="f-l fs-14 desc">按排量收取费用</p>
				</div>
				<div class="f-l c-right fs-18">￥ 300</div>
			</div>
			<div class="base-info-item clearfix">
				<div class="f-l c-left clearfix">
					<p class="f-l fs-16 title">上牌费用</p>
					<p class="f-l icon" data-tips=""></p>
					<p class="f-l fs-14 desc">不同地区费用不同</p>
				</div>
				<div class="f-l c-right fs-18">￥ 500</div>
			</div>
			<div class="base-info-item clearfix">
				<div class="f-l c-left clearfix">
					<p class="f-l fs-16 title">交通事故责任强制保险</p>
					<p class="f-l icon" data-tips=""></p>
					<p class="f-l fs-14 desc">国家强制保险</p>
				</div>
				<div class="f-l c-right fs-18">￥ 950</div>
			</div>
			<div class="base-info-item clearfix">
				<div class="f-l c-left clearfix">
					<p class="f-l fs-16 title">商业险</p>
					<a href="javascript:void(0);" class="f-l fs-14 assurance-more">查看险种详情</a>
				</div>
				<div class="f-l c-right fs-18">￥ 4619</div>
			</div>
		</div>

		<div class="insurance clearfix">
			<i class="arrow"></i>
			<ul class="f-l">
				<li class="clearfix">
					<p class="f-l select select-active"></p>
					<p class="f-l fs-16 title">车辆损失险</p>
					<p class="f-l icon" data-tips=""></p>
					<p class="f-r fs-16 price">￥ 4513</p>
				</li>
				<li class="clearfix">
					<p class="f-l select select-active"></p>
					<p class="f-l fs-16 title">第三责任险</p>
					<p class="f-l icon" data-tips=""></p>
					<p class="f-r fs-16 price">￥ 1291</p>
				</li>
				<li class="clearfix">
					<p class="f-l select select-active"></p>
					<p class="f-l fs-16 title">车上人员责任险</p>
					<p class="f-l icon" data-tips=""></p>
					<p class="f-r fs-16 price">￥ 138</p>
				</li>
				<li class="clearfix">
					<p class="f-l select"></p>
					<p class="f-l fs-16 title">全车盗抢险</p>
					<p class="f-l icon" data-tips=""></p>
					<p class="f-r fs-16 price">￥ 1321</p>
				</li>
				<li class="clearfix">
					<p class="f-l select"></p>
					<p class="f-l fs-16 title">玻璃单独破碎险</p>
					<p class="f-l icon" data-tips=""></p>
					<p class="f-r fs-16 price">￥ 618</p>
				</li>
			</ul>
			<ul class="f-l ul-two">
				<li class="clearfix">
					<p class="f-l select select-active"></p>
					<p class="f-l fs-16 title">不计免赔特约险</p>
					<p class="f-l icon" data-tips=""></p>
					<p class="f-r fs-16 price">￥ 847</p>
				</li>
				<li class="clearfix others">
					<p class="f-l fs-16 title">车辆损失险</p>
					<p class="f-r fs-16 price">￥ 643</p>
				</li>
				<li class="clearfix others">
					<p class="f-l fs-16 title">第三者责任险</p>
					<p class="f-r fs-16 price">￥ 184</p>
				</li>
				<li class="clearfix others">
					<p class="f-l fs-16 title">车上人员责任险</p>
					<p class="f-r fs-16 price">￥ 20</p>
				</li>
			</ul>
		</div>
	</div>
</section>